<!-- 文档类型声明标签，告知浏览器这个页面采取html版本来显示页面 -->
<!DOCTYPE html>
<!-- 告诉浏览器这是一个英文网站，本页面采取英文显示，单也可以书写中文 -->
<html lang="en">

<head>
  <!-- 必须书写，告知浏览器以UTF-8编码表编解码中文，如果不书写就会乱码 -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 标题标签 -->
  <title>Title</title>
</head>

<body>
  <script type="text/javascript">
    /*
      1.确认框
        let result = window.confirm(提示信息);
          点击确定按钮，返回true
          点击取消按钮，返回false
     */

    //  let result = window.confirm("这么好的商品确认删除吗")

    //  if(result){
    //     console.log("商品已删除")
    //  }else{
    //   console.log("商品未删除")
    //  }


    /*
      2.定时器：
        let 变量名 = window.setInterval(匿名函数,毫秒);
          说明：该函数表示js中的定时器，每隔多少毫秒就会执行一次匿名函数体中的函数体

        取消定时器：
        window.clearInterval(定时器变量名);
     */
    //开启定时器，每隔1秒输出一次hello

    // let timer = window.setInterval(function(){
    //   console.log("hello");
    // },1000);

    //开启定时器，页面被加载3秒后有个延迟在输出一次hello，只输出一次

    //   let timer = window.setInterval(function(){
    //   console.log("hello");
    //   window.clearInterval(timer);
    // },3000);

    // window.clearInterval(timer) 不可

    /*
      let 变量名 = window.setTimeout(匿名函数,毫秒)
       说明：该函数表示js中的定时器，每隔多少毫秒就会执行一次匿名函数体中的函数体,只会执行一次
     */
    //开启定时器，页面被加载3秒后有个延迟在输出一次hello，只输出一次
    let timer = window.setTimeout(function () {
      console.log("hello");
    }, 3000);

  </script>
</body>

</html>